<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>收银系统</title>
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<!-- 弹出层需要以下3行  -->

</head>

<body>


<div class="checkout" id="testBox">
	<div class="checkout_1 border_bottom">
		<ul>
			<li class="w250">单号：000515402124548897</li>
			<li class="w130">合计数量：-5</li>
			<li class="w180">合计金额：-98.8</li>
		</ul>
	</div>
	<div class="checkout_1">订单支付</div>
	<div class="checkout_2 border_bottom" style="overflow:hidden">
		<ul>
			<li>支付方式</li>
			<li>付款方式</li>
			<li>付款金额</li>
			<li>汇率</li>
			<li>卡号</li>
		</ul>
	</div>
	<div class="checkout_2">
		<ul>
			<li>【F1】</li>
			<li>人民币</li>
			<li>-98.8</li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<div class="checkout_3 border_top border_bottom">
		<div class="checkout_3_1 border_right">
			<ul>
				<li>待支付：</li>
				<li class="r">-98.8</li>
				<li>支付方式：</li>
				<li class="r">人民币</li>
				<li>汇率：</li>
				<li class="r">0.06%</li>
			</ul>
		</div>
		<div class="checkout_3_1" style="float:right">
			<ul>
				<li>待收：</li>
				<li class="r">-98.80</li>
				<li>实收：</li>
				<li class="r"><span><input id="input_ssje" name="" type="text" placeholder="实收金额" /></span></li>
				<li>找零：</li>
				<li class="r">0.00</li>
			</ul>
		</div>
	</div>
	<div class="checkout_4">
		<ul>
			<li>【F1】人民币</li>
			<li>【F4】银联卡</li>
			<li>【F5】微信支付</li>
			<li>【F9】会员卡</li>
			<li>【F8】支付宝</li>
			<li>【F11】不找零礼券</li>
		</ul>
	</div>
</div>






<!-- 头部 -->
<div class="top_layout">
<div class="w1024">
	<div class="top_layout_logo"><a id="demoBtn1"></a><img src="img/logo.png" /></div>
	<div class="top_layout_right">
		<div class="top_layout_information">重庆象米电子商务有限公司&nbsp;&nbsp;电话：400-000-9011</div>
		<div class="top_layout_order">
			<ul>
				<li>未上传单数：0</li>
				<li>挂单数：0</li>
			</ul>
		</div>
	</div>
</div>
</div>

<!-- 机器信息  -->
<div class="wmax border_bottom">
<div class="equipment_layout  w1024">
	<ul class="equipment_layout_content">
		<li class="w16">机组：01</li>
		<li>销售机构：000</li>
		<li>公司总部</li>
		<li class="w34">销售单号：000000317011100001</li>
	</ul>
	<ul class="equipment_layout_content">
		<li class="w16">机号：003</li>
		<li>销售仓库：000001</li>
		<li>总部仓库</li>
		<li class="w34">销售柜组：000001001 店内仓库默认销售</li>
	</ul>
</div>
</div>

<!-- 购物清单 -->
<div class="shopping_layout">
  <table width="" border="0" class="shopping_name">
    <tr>
      <td width="100"><a>序号</a></td>
      <td width="160"><a>货号/条码</a></td>
      <td width="400"><a>品名</a></td>
      <td width="100"><a>数量</a></td>
      <td width="100"><a>金额</a></td>
      <td width="100"><a>税费</a></td>
      <td width="100"><a>小计</a></td>
    </tr>
  </table>
  <div class="shopping_layout_list">
    <table width="" border="1" class="shopping_list" id="ice">
      <tr>
        <td width="100">01</td>
        <td width="160">8015194508012Y</td>
        <td width="400"><div>大公鸡管家1 马赛皂香型 625ml</div></td>
        <td width="100">0/5</td>
        <td width="100">260.90</td>
        <td width="100">0</td>
        <td width="100">&nbsp;</td>
      </tr>
      <tr>
        <td>02</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 多功能清洁剂 马赛皂香型 625ml</div></td>
        <td>1/1</td>
        <td>26.90</td>
        <td>0</td>
        <td>26.90</td>
      </tr>
      <tr id="list_xz">
        <td>03</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>0/3</td>
        <td>26.90</td>
        <td>0</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>04</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>3/10</td>
        <td>15.00</td>
        <td>0</td>
        <td>45.00</td>
      </tr>
      <tr>
        <td>05</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>0/3</td>
        <td>26.90</td>
        <td>0</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>06</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>1/1</td>
        <td>26.90</td>
        <td>0</td>
        <td>26.90</td>
      </tr>
      <tr>
        <td>07</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>0/1</td>
        <td>26.90</td>
        <td>0</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>08</td>
        <td>8015194508012Y</td>
        <td><div>大公鸡管家 马赛皂香型 625ml</div></td>
        <td>0/1</td>
        <td>26.90</td>
        <td>0</td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </div>
</div>

<!-- 单品介绍 
<div class="border_top border_bottom">
<div class="">
<table width="" border="1" class="goods_layout">
  <tr>
    <td colspan="2">品名：大公鸡管家 多功能精油香油污清洁剂 马赛皂香型</td>
    <td width="238">规格：625ml</td>
    <td width="238">单位：瓶</td>
  </tr>
  <tr>
    <td width="532">&nbsp;</td>
    <td width="244">数量：1</td>
    <td>单价：￥1226.90</td>
    <td>金额：￥1226.90</td>
  </tr>
</table>
</div>
</div>-->

<!-- 结算信息 -->
<div class="bill">
<table width="100%" border="0" class="bill_layout border_top w1024">
  <tr>
    <td width="500" class="border_left">
		<div class="bill_sku border_bottom">输入：<input id="sku" class="sku" placeholder="商品货号/条码编号" name="" type="text" /></div>
		<div class="bill_user_data">
		<ul>
			<li class="">姓名：张三</li>
			<li class="">卡号：1234567123456</li>
			<li class="">电话：13311259086</li>
			<li class="">积分：9999.99分</li>
			<li class="">类别：高级会员</li>
			<li class="">余额：99999.99元</li>
	  </ul>
	  </div>	</td>
    <td class="bill_bt"><a>退<br />
      款
    </a></td>
    <td class="bill_money_d"><span>退货模式</span><br />
-98.80</td>
    <td class="bill_bt"><a>数<br />量</a></td>
    <td class="bill_money_d border_bottom border_right">-5</td>
    </tr>
</table>


<!-- 底部信息 -->
<div class="bottom_layout">
	<div class="bottom_content w1024">POS数据库：连通&nbsp;&nbsp;&nbsp;&nbsp;VIP服务：连通&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2017-01-11&nbsp;13:48:55&nbsp;&nbsp;&nbsp;&nbsp;收银员：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系统维护&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班次：A&nbsp;&nbsp;&nbsp;&nbsp;打印：开</div>
</div>
</div>


<!-- 弹出窗JS -->
<script src="js/easydialog.min.js"></script> 
<script> 
var $ = function(){
	return document.getElementById(arguments[0]);
};
 
$('demoBtn1').onclick = function(){
	easyDialog.open({
		container : 'testBox'
	});
};
$('testBox').getElementsByTagName('a')[0].onclick = function(){
	easyDialog.close();
}
</script>



<!--按键JS-->
<script type="text/javascript" language=JavaScript charset="UTF-8">
document.getElementById("sku").focus();
       document.onkeydown=function(event){
             var e = event || window.event || arguments.callee.caller.arguments[0];
             if(e && e.keyCode==27){ // 按 Esc 
                 //要做的事情
				 window.open('index.html');
               }
             if(e && e.keyCode==113){ // 按 F2 
                  alert("销售模式"); 
                  window.location.href="index.html" ;
                }            
              if(e && e.keyCode==13){ // enter 键
                  $('demoBtn1').click();
				  document.getElementById("input_ssje").focus();
             }
         }; 
</script>

</body>
</html>
